<template>
  <div class="left_box">
    <div class="head">
      <i><img :src="userInf.head"/></i>
      <!-- 注释去间隔-->
      <dl>
        <!-- <dd><b>姓名：</b>苏长征</dd>
        <dd><b>部门：</b>董事会</dd>
        <dd><b>职务：</b>董事长</dd>
        <dd><b>工号：</b>00001</dd>  -->
        <dd><b>姓名：</b>{{ userInf.name }}</dd>
        <dd><b>部门：</b>{{ userInf.department }}</dd>
        <dd><b>职务：</b>{{ userInf.duty }}</dd>
        <dd><b>工号：</b>{{ userInf.num }}</dd>
      </dl>
    </div>
    <div class="mymenu" id="style-3">
      <!-- <Sidebar :MenuTreeData="menuTree"></Sidebar> -->
      <Sidebar :MenuTreeData="permission"></Sidebar>
    </div>
  </div>
</template>

<script>
import Sidebar from "../../components/Sidebar";
// import menuTree from "./menutree";
export default {
  data() {
    return {
      // menuTree: menuTree
    };
  },
  components: {
    Sidebar
  },
  computed: {
    permission() {
      return this.$store.getters.getPermission;
    },
    userInf() {
      return this.$store.state.login.userInf;
    }
  },
  methods: {},
  mounted() {

  }
};
</script>
